import React, { Component } from 'react'
import { connet } from 'react-redux'
import {
    TopicWapper,
    TopicItem,
    TopicItemName
} from '../style.js'
class Topic extends Component {
    render () {
        return (
            <TopicWapper>
                <TopicItem>
                    {
                        this.props.topicList.map((item) => {
                            <img className="TopicItemImg" src="http://upload.jianshu.io/collections/images/13/%E5%95%8A.png?imageMogr2/auto-orient/strip|imageView2/1/w/64/h/64" alt="" />
                            <TopicItemName>旅行·在路上</TopicItemName>
                        })
                    }
                    
                </TopicItem>
            </TopicWapper>
        )
    }
}

const mapStateToProps = (state) => {
    return {
        topicList: state.getIn(['home','topicList'])
    }
}
export default connet(mapStateToProps, null)(Topic)